﻿<!DOCTYPE html>
<html>
<head>
    <title>그룹 페이지</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, 
        maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
    <link href="../../fundamental/basic.css" rel="stylesheet" type="text/css"  media="screen" />
    <link href="../../fundamental/responsive.css" rel="stylesheet" type="text/css"  media="screen" />
    <link href="../css/group_style.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-2.0.3.js"></script>
    <script src="../../fundamental/main_aside.js" type="text/javascript"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <header id="main_header">
                <hgroup id="title">
                    <h1><a href="#"><img src="TITLE.png" alt="title" width="135" height="45"/></a></h1>
                    <h2>USER ID</h2>
                </hgroup>
                <nav id="main_gnb" class="span_2">
                    <h1><a href="#">LOG OUT</a></h1>
                </nav>
                <nav id="main_lnb" class="span_6">
                    <h1>GROUP NAME</h1>
                </nav>
            </header><!--header-->
        </div>

        <div class="row">
            <div id="content">
                <aside id="main_aside" class="span_2">
                    <ul id="aside_list">
                        <li class="aside_menu">EXCHANGE<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                    <li><a href="#">현재 사이버 머니</a></li>
                                    <li><a href="#">환전 하기</a></li>
                                    <li><a href="#">환전 내역</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">HISTORY<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                <li><a href="#">판매 내역</a></li>
                                <li><a href="#">구매 내역</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">GROUP<img src="http://placehold.it/10x10" /></li>
                        <li class="sub">
                            <ul>
                                <li><a href="#">가입 그룹</a></li>
                                <li><a href="group_enroll.html">그룹 만들기</a></li>
                            </ul>
                        </li>
                        <li class="aside_menu">EDIT</li>
                        <li class="aside_menu">회원 탈퇴</li>
                    </ul>
                </aside><!--main_aside-->
                <div id="main_section" class="span_10">
                    <h1>그룹 페이지</h1>
                    <div id="main_section_body">
                        <header id="group_header">
                            <h2>그룹 소개</h2>
                            <a href="group_enter.html" id="group_enter">그룹 가입</a><!--플로우팅 윈도우-->
                        </header>
                        <div id="group_inf">.....................그룹 소개..................<br />DB에서 GROUP_INF 정보를 가지고 온다.</div>
                    </div>
                </div><!--main_section-->
            </div><!--content-->
        </div>

        <div class="row">
            <footer id="main_footer">
                <small>MEMBER : <span>Jung. WonBeen</span><span>Kim. JoonHo</span><span>Jo. SunYoung</span><span>Lee. DaYoung</span></small>
            </footer><!--footer-->
        </div>
    </div>
</body>
</html>
